<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>overflow学习</title>

    <!-- overflow内容溢出隐藏处理关键字 -->
    <style>
        .a {
            /* atuo参数需要的时候加滚动条 */
            overflow: auto;
            width: 200px;
            height: 200px;
        }
        
        .b {
            /* 溢出部分隐藏 */
            overflow: hidden;
            width: 200px;
            height: 200px;
        }
        
        .c {
            /* scroll参数无论什么情况都加滚动条 */
            overflow: scroll;
            width: 200px;
            height: 200px;
        }
    </style>

</head>

<body>

    <div class="a">
        玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩

    </div>
    <div class="b">
        玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩


    </div>
    <div class="c">
        玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩玩


    </div>

</body>

</html>